let carousel = `
    <div class="carousel">
        <div class="carousel-item"></div>
        <div class="carousel-item"></div>
        <div class="carousel-item"></div>
        <div class="carousel-item"></div>
      </div>
`;
$(".box").append(new Array(100).fill(carousel).join(""));
let carousels = $(".box .carousel");
//轮播切换控制信号量
let count = 0;
let isDuring = false;
// let tranformStyleArr = [
//   "translateZ(225px)",
//   "translateY(-225px) rotateX(90deg)",
//   "translateZ(-225px) rotateX(180deg)",
//   "translateY(225px) rotateX(-90deg)",
// ];

$("#next").click(function () {
  //节流操作
  if (isDuring) {
    return;
  } else {
    setTimeout(() => {
      isDuring = false;
    }, 1000);
  }
  isDuring = true;
  count++;
  //   if (count > 3) {
  //     count = 0;
  //   }
  let deg = count * -90;
  //   console.log(deg);
  // carousels.css("transform", `rotateX(${deg}deg`);
  carousels.each(function () {
    $(this).css("transform", `rotateX(${deg}deg`);
  });
});
